/*
 * Develop by Webis Team
 * Project Name : Babo Renewal
 * Created date : 01/04/2014
 * Copyright � Webis.INC. All right reserved 
*/
/* ORDER STEP BOX */
#order_step_box{border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; behavior: url('css/border-radius.htc'); background:#fff;}
#order_step_box table.table-step{width:100%; background:#eeeeee;}
#order_step_box table.table-step tr td{padding:0 !important;}
#order_step_box div.step-info{height:44px;border-top:1px dotted #ddd;}
#order_step_box div.step-info .wrap{padding-top:12px;padding-right: 10px;text-align: right;font-size: 13px;}
#order_step_box .pink, div.order-step-box .orange{font-family:Lato Regular;font-size:15px;font-weight:bold;}
#order_step_box .pink{color:#ff5b90;}
#order_step_box .orange{color:#f69411;}

/* --//////////////////////////////////////////////////////////////////////-- */
/* CART PAGE STYLE */
/* --//////////////////////////////////////////////////////////////////////-- */
#cart .table-cart{border:1px solid #eeeeee; border-width:1px; background-color:#fff;}
#cart .table-cart th, .table-order td{border-top:1px solid #eeeeee;}
#cart .table-cart td{border:1px solid #eeeeee; padding:10px; *padding:0 10px;}
#cart .table-cart tr:first-child td{border-top-color:#dddddd;}
#cart .table-cart .photo{float:left; margin-right:10px;}
#cart .table-cart .nm{color:#666666; font-weight:normal; line-height:24px;}
#cart .table-cart .desc{color:#999999; position:relative; top:-2px;}
#cart .table-cart .label{position:relative; top:-1px;}
#cart p.info{font-size:11px; color:#888888; line-height:17px;}
#cart input.qty{box-sizing:border-box; font-size:11px; height:20px; line-height:18px; padding:0; padding-left:5px; width:25px;}
#cart div.box-account{margin-top:30px; border:3px solid #DDDDDD; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
#cart table.table-account{width:100%; color:#aaaaaa; table-layout:fixed;}
#cart table.table-account tr.stit{background-color:#f6f6f6; vertical-align:middle;}
#cart table.table-account tr.stit td:first-child{padding-left:12px;}
#cart table.table-account .line{text-align:center; vertical-align:top;}
#cart table.table-account .cell{padding:6px 8px 5px 8px; font-size:11px; line-height:16px;}
#cart table.table-account .pblock{margin-bottom:2px;}
#cart .priceb{color:#aaaaaa; font-family:Lato Regular; font-size:26px; font-weight:bold;}
#cart .step-membership{width:580px; float:left;}
#cart .step-payment{width:500px; float:right;}

/* --//////////////////////////////////////////////////////////////////////-- */
/* ORDER STYLE */
/* --//////////////////////////////////////////////////////////////////////-- */
/* Table order */
#order .table-order{border:1px solid #eeeeee; border-width:1px; background-color:#fff;}
#order .table-order th, .table-order td{border-top:1px solid #eeeeee;}
#order .table-order td{border:1px solid #eeeeee; padding:10px; *padding:0 10px;}
#order .table-order tr:first-child td{border-top-color:#dddddd;}
#order .table-order td.lbg{text-align:right; background:#f6f6f6; padding-top:0 !important; padding-bottom:0 !important; height:40px;}
#order .table-order .photo{float:left; margin-right:10px;}
#order .table-order .nm{color:#666666; font-weight:normal; line-height:24px;}
#order .table-order .desc{color:#999999; position:relative; top:-2px;}
#order .table-order p.info{line-height:18px !important;}
#order .table-final{width:396px; border:1px solid #ddd; background-color:#f5f5f5; box-sizing: border-box;}
#order .table-final td.c1{padding-left:20px;}
#order .table-final td.c2{padding-right:10px;}
#order .table-final td.c2 span.price1,
#order .table-final td.c2 span.price2, 
#order .table-final td.c2 span.price3{font-family:Lato Regular; font-weight:bold;}
#order .table-final td.c2 span.price1{font-size:16px;}
#order .table-final td.c2 span.price2{font-size:16px; color:#ff5b90;}
#order .table-final td.c2 span.price3{font-size:22px; color:#ff5b90;}
#order .pay-cal-div{height:65px; border:2px solid #ddd; border-radius:2px; margin-top:10px; background:#eeeeee;}
#order .pay-cal-div table{margin:15px 8px; color:#666666; float:right;}
#order .pay-cal-div table span.price{font-family:Lato Regular; font-size:20px; font-weight:bold;}
#order .step-confirm{width:685px; float:left;}
#order .step-final{width:397px; float:right;}
#order .step-confirm table td div.cell{line-height:27px; font-weight:bold; position:relative;}
#order .step-confirm table .scope{position:absolute; right:0; top:0; font-family:Lato Regular;}
#order #rollover{position:relative; padding:15px 0 15px 15px; background:url('../img/order/arrow.gif') left top no-repeat;}
#order #rollover img{cursor: pointer;}
#order select.select-item{background: #f6f6f6;}
#order textarea.textarea-memo{width:98%; height:160px; overflow-y:scroll; font-size:11px;}

/* --//////////////////////////////////////////////////////////////////////-- */
/* ORDER COMLETE STYLE */
/* --//////////////////////////////////////////////////////////////////////-- */
#order .toptit{padding-left:35px;}
#order .table-ord-end{border:1px solid #dddddd; background-color:#FFF;}
#order .table-ord-end td{border-top:1px solid #eaeaea;}
#order .table-ord-end td{padding:10px 5px 10px 15px; *padding:0 10px;}
#order .txt-sbg{border:1px solid #cfcfcf; border-radius:2px; background-color:#f6f6f6; padding:2px 5px;}